<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WelinkUI</title>
    <link rel="stylesheet" href="https://welinkcredit.com/wp-content/themes/orange/css/bootstrap.min.css?ver=6ca1fe1bda87b03a4c739826be1707bb">
    <link rel="stylesheet" href="./welinkUI.css">
</head>
<body>
    <div class="container">
        <h1 class="text-center text-success">Hello WelinkUI.</h1>
        <ol>
            <li>
                <p class="help-block">双箭头标题</p>
                <h1 class="dl-arrow-title">Lorem ipsum.</h1>
                <pre>&lt;h1 class="dl-arrow-title"&gt;Lorem ipsum.&lt;/h1&gt;</pre>
            </li>
            <li>
                <p class="help-block">右箭头标题</p>
                <h1 class="right-arrow-title">Lorem ipsum dolor.</h1>
                <pre>&lt;h1 class="right-arrow-title"&gt;Lorem ipsum dolor.&lt;/h1&gt;</pre>
            </li>
            <li>
                <p class="help-block">左箭头标题</p>
                <h1 class="left-arrow-title">Lorem ipsum dolor.</h1>
                <pre>&lt;h1 class="left-arrow-title"&gt;Lorem ipsum dolor.&lt;/h1&gt;</pre>
            </li>
            <li>
                <p class="help-block">衬线标题</p>
                <h1 class="title-line">Lorem ipsum dolor.</h1>
                <pre>&lt;h1 class="title-line"&gt;Lorem ipsum dolor.&lt;/h1&gt;</pre>
            </li>
            <li>
                <p class="help-block">带删除按钮的标签</p>
                <div class="right-arrow-tag help-block">
                    <span>Lorem ipsum dolor.</span>
                    <button class="close">&times;</button>
                </div>
                <pre>&lt;h1 class="right-arrow-tag"&gt;Lorem ipsum dolor.&lt;/h1&gt;</pre>
            </li>
        </ol>
    </div>
</body>
</html>